<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <!-- 设置页面字符编码为UTF-8 -->
    <meta charset="UTF-8" />
    <!-- 设置页面标题 -->
    <title>登录页面</title>
    <!-- 引入基础样式表 -->
    <link rel="stylesheet" href="../css/base.css" />
    <!-- 引入表单样式表 -->
    <link rel="stylesheet" href="../css/form.css" />
  </head>

  <body>
    <!-- 页面头部，包含页面标题 -->
    <div class="header">
      <h1>登录页面</h1>
    </div>

    <!-- 登录表单容器 -->
    <div class="login-container">
      <!-- 登录表单 -->
      <form id="loginForm">
        <!-- 用户名输入组 -->
        <div class="form-group">
          <label for="username">用户名：</label>
          <input type="text" id="username" name="username" required /> <!-- required属性表示必填项 -->
        </div>
        <!-- 密码输入组 -->
        <div class="form-group">
          <label for="password">密码：</label>
          <input type="password" id="password" name="password" required /> <!-- required属性表示必填项 -->
        </div>
        <!-- 注册账号提示 -->
        <div class="form-group">
          <p>还没账号，<a href="./register.html">去注册</a></p>
        </div>
        <!-- 登录按钮 -->
        <div class="form-group">
          <button type="submit">登录</button>
        </div>
      </form>
    </div>

    <!-- 引入Axios库，用于发起HTTP请求 -->
    <script src="../lib/axios.min.js"></script>
    <!-- 引入http.js，可能包含自定义的HTTP请求封装 -->
    <script src="../lib/http.js"></script>
    <!-- 引入登录页的JavaScript逻辑 -->
    <script src="../js/login.js"></script>
  </body>
</html>